﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8">
</head>
<body>
<div class="slide" name="slide" id="slideslideIface1" ><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.33333in" height="7.5in" class="slides-canvas" pointer-events="none" viewBox="0 0 960 540">
  <defs>
    <symbol id="page1-pic1" viewBox="0 0 712 385" preserveAspectRatio="none">
      <image width="712" height="385" preserveAspectRatio="none" xlink:href="" />
    </symbol>
    <pattern id="page1-im1" x="-307" y="-254" width="315" height="385" patternUnits="userSpaceOnUse">
      <use width="712" height="385" xlink:href="#page1-pic1" preserveAspectRatio="none" />
    </pattern>
  </defs>
  <g text-rendering="geometricPrecision" pointer-events="painted" transform="scale(1, 1)">
    <rect x="0" y="0" width="960" height="540" fill="#FFFFFF" />
    <path fill="#FFFFFF" fill-opacity="0.4" d="M0 0L960 0 960 540 0 540z" />
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.745262, 29.3514862)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-75.11 47.11L-75.11-455.04 303.12 47.11z" />
    </g>
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.881783, 14.8448944)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-100.07 39.62L-100.07-462.52 278.17 39.62z" />
    </g>
    <g transform="matrix(-0, 1, 1, 0, 251.893219, -251.893219)">
      <path fill="url(#page1-im1)" d="M32.93-252.32L228.49-254.04 347.48-174.88 152.6 130.65 33.79 130.65C33.5 3.01 33.22-124.67 32.93-252.32z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path fill="#4472C4" d="M750.79 668.89L750.79 511.99 963.53 668.89z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M739.16 677.46L739.16 503.42 975.16 677.46z" />
    </g>
    <g transform="matrix(1, 0, 0, 1, 246.55, 36.32504)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="21pt" fill="#404040" x="0" y="27.08718"><tspan>vue--anothers</tspan></text></g>
    <g transform="matrix(1, 0, 0, 1, 48.5499878, 121.225037)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="30.61126"><tspan xml:space="preserve">1.document.hidden</tspan><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">判断当前页面是否被激活，是否被浏览</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="66.61127"><tspan xml:space="preserve">2.var rect = document.body.getBoundingClientRect()</tspan><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">获取元素相对于视窗的位置集合</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="102.6113"><tspan>rectObject = object.getBoundingClientRect();（此方法没参数）</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="138.6113"><tspan>2.返回值类型：（width，height）</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="174.6113"><tspan>rectObject.top：元素上边到视窗上边的距离;</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="210.6113"><tspan>rectObject.right：元素右边到视窗左边的距离;</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="246.6113"><tspan>rectObject.bottom：元素下边到视窗上边的距离;</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="282.6113"><tspan>rectObject.left：元素左边到视窗左边的距离;</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="318.6113"><tspan>rectObject.width：元素的宽度</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="15pt" fill="#000000" x="0" y="354.6113"><tspan>rectObject.height：元素的高度</tspan></text></g>
  </g>
</svg></div></body>
</html>